<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="position pull-lift">
        <i class="fa fa-home"></i>
        <a href="student-index.html">首页</a>
        <span class="c-gray en">&gt;</span>
        个人信息
        <span class="c-gray en">&gt;</span>
        组织生活
        <div class="pull-right">
            <span type="button" class="btn btn-sm btn-success btn-nav " data-toggle="modal" data-target="#modal">添加</span>
            <span type="button" class="btn btn-sm btn-primary btn-refresh ">刷新</span>
        </div>
    </div>
</section>
<!-- Main content -->
<section class="content">
    <!--.box -->
    <div class="box">

        <!-- /.box-header -->
        <div class="box-body">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>级别</th>
                        <th>职务</th>
                        <th>任职时间</th>
                    </tr>
                </thead>
                <tbody>

                    <tr>
                        <td>1.</td>
                        <td>院级</td>
                        <td>学生会主席</td>
                        <td>2016-2017</td>
                    </tr>
                    <tr>
                        <td>2.</td>
                        <td>班级</td>
                        <td>团支书</td>
                        <td>2014-2015</td>
                    </tr>
                    <tr>
                        <td>3.</td>
                        <td>系级</td>
                        <td>团副</td>
                        <td>2014-2015</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!-- /.box-body -->
        <div class="box-footer clearfix">

        </div>
    </div>


</section>
<!-- /.content -->

<!-- credit  Modal -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">学生信息修改</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label>级别</label>
                            <select class="form-control">
                                <option value="1">校级</option>
                                <option value="1">院级</option>
                                <option value="1">班级</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>职务</label>
                            <input class="form-control" placeholder="请输入职务">
                        </div>
                        <div class="form-group">
                            <label>时间</label>
                            <input class="form-control" placeholder="请输入任职时间">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">保存</button>
            </div>
        </div>
    </div>
</div>
<!--end modal-->